<html>

<head>
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
    <meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
    <title>信息管理</title>
    <link rel="stylesheet" type="text/css" href="js/lib/bootstrap/bootstrap.min.css">
    <link rel="stylesheet" type="text/css" href="js/lib/bootstrap/bootstrap-theme.min.css">
    <link rel="stylesheet" href="http://api.map.baidu.com/library/DrawingManager/1.4/src/DrawingManager_min.css">
    <link rel="stylesheet" href="http://api.map.baidu.com/library/SearchInfoWindow/1.4/src/SearchInfoWindow_min.css" />
    <link rel="stylesheet" type="text/css" href="css/base.css">
    <link rel="stylesheet" type="text/css" href="css/master.css">
    <link rel="stylesheet" type="text/css" href="css/themes.css">
</head>

<body>
    <div class="wrap">
        <!-- 头部页面 -->
        <header>
            <div class="container">
                <div class="logo">
                    <img src="images/logo.png">
                    <div class="title">
                        <h1>厦门水务生产调度系统</h1>
                        <h3>湖边水库管理所</h3>
                    </div>
                </div>
                <div class="state-message">
                    <div class="nav">
                        <ul>
                            <li><a href="index.html">实时监控</a></li>
                            <li><a href="event.html">事件管理</a></li>
                            <li><a href="danger.html">危险管控</a></li>
                            <li><a href="people.html">人员调度</a></li>
                            <li><a href="facilities.html">设施管理</a></li>
                            <li><a class="active">信息管理</a></li>
                            <li><a href="user.html">用户管理</a></li>
                            <li><a>关于我们</a></li>
                        </ul>
                    </div>
                    <div class="user-message">
                        <div class="dropdown clearfix">
                            <p type="button" id="dropdownMenuDivider" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
                                张小龙
                                <span class="skuiwu-caret caret"></span>
                            </p>
                            <ul class="skuiwu-menu  dropdown-menu" aria-labelledby="dropdownMenuDivider">
                                <li><a href="#">个人中心</a></li>
                                <li><a href="#">退出登录</a></li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </header>
        <!--内容页面 -->
        <div class="message-content content">
            <div class="add-device">
                <div class="search-input">
                    <div class="input-group">
                        <input type="text" class="form-control" placeholder="请输入关键字" aria-describedby="basic-addon2">
                        <span class="input-group-addon" id="basic-addon2"><img src="images/search.png"></span>
                    </div>
                </div>
                <div class="add-btn dropdown clearfix">
                    <button class="btn" type="button" id="dropdownMenu1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">新增设备</button>
                    <ul class="skuiwu-menu  dropdown-menu" aria-labelledby="dropdownMenu1">
                        <li><a href="#" data-toggle="modal" data-target='#show' >建筑</a></li>
                        <li><a href="#" data-toggle="modal" data-target="#senseModal">传感</a></li>
                        <li><a href="#" data-toggle="modal" data-target="#coverModal">井盖</a></li>
                        <li><a href="#" data-toggle="modal" data-target="#boxModal">涵匣</a></li>
                        <li><a href="#" data-toggle="modal" data-target="#networkModal">管网</a></li>
                    </ul>
                </div>
            </div>
            <div id="allmap">
                <div id="map">
                </div>
            </div>
            <!-- Modal -->
              <div class="modal fade " id='show' >  
                <div class="modal-dialog">  
                    <div class="modal-content">   
                        <button class="close" data-dismiss='modal'>×</button>  
                        <h1 class="modal-title">一层模态框</h1>  
                        <div class="modal-footer">  
                            <button class="btn btn-primary" data-toggle='modal' id="btn2">再弹</button>  
                        </div>  
                    </div>  
                </div>  
            </div>  
             <div class="modal fade  " id='show2'>  
                <div class="modal-dialog">  
                    <div class="modal-content">  
  
                        <button class="close" data-dismiss='modal'>×</button>  
                            <h1 class="modal-title">二层模态框</h1>  
                        <div class="modal-body">  
                            12312312  
                        </div>  
                        <div class="modal-footer">  
                              
                        </div>  
                    </div>  
                </div>  
            </div>  
            <div class="modal fade" id="buildModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
                <div class="modal-dialog" role="document">
                    <div class="modal-content">
                        <div class="modal-header">
                            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                <span aria-hidden="true">&times;</span>
                            </button>
                            <h4 class="modal-title" id="myModalLabel">新增建筑</h4>
                        </div>
                        <div class="modal-body">
                            <div class="input-group">
                                <label><span>地址:</span></label>
                                <input class="form-control" type="text" id="">
                            </div>
                            <div class="input-group">
                                <label><span>坐标:</span></label>
                                <input class="form-control" type="text" id="">
                            </div>
                            <div class="classify-input input-group ">
                                <label><span>编号:</span></label>
                                <input class="form-control" type="text" id="">
                                <label><span>规格:</span></label>
                                <input class="form-control" type="text" id="">
                            </div>
                            <div class="classify-input  input-group ">
                                <label><span>类别:</span></label>
                                <input class="form-control" type="text" id="">
                                <label><span>寿命:</span></label>
                                <input class="form-control" type="text" id="">
                            </div>
                            <div class="classify-input  input-group ">
                                <label><span>名称:</span></label>
                                <input class="form-control" type="text" id="">
                                <label><span>责任:</span></label>
                                <input class="form-control" type="text" id="">
                            </div>
                            <div class="classify-input  input-group ">
                                <label><span>年份:</span></label>
                                <input class="form-control" type="text" id="">
                                <label><span>部门:</span></label>
                                <input class="form-control" type="text" id="">
                            </div>
                            <div class="remark-input input-group">
                                <label><span>备注:</span></label>
                                <textarea class="form-control" type="text" id="">
                                </textarea>
                            </div>
                        </div>
                        <div class="modal-footer">
                            <button type="button" class="btn ensure-btn" id="add-user">确定</button>
                            <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                        </div>
                    </div>
                </div>
            </div>
            <div class="modal fade" id="senseModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
                <div class="modal-dialog" role="document">
                    <div class="modal-content">
                        <div class="modal-header">
                            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                <span aria-hidden="true">&times;</span>
                            </button>
                            <h4 class="modal-title" id="myModalLabel">新增传感</h4>
                        </div>
                        <div class="modal-body">
                            <div class="input-group">
                                <label><span>地址:</span></label>
                                <input class="form-control" type="text" id="">
                            </div>
                            <div class="input-group">
                                <label><span>坐标:</span></label>
                                <input class="form-control" type="text" id="">
                            </div>
                            <div class="classify-input input-group ">
                                <label><span>编号:</span></label>
                                <input class="form-control" type="text" id="">
                                <label><span>材质:</span></label>
                                <input class="form-control" type="text" id="">
                            </div>
                            <div class="classify-input  input-group ">
                                <label><span>类别:</span></label>
                                <input class="form-control" type="text" id="">
                                <label><span>寿命:</span></label>
                                <input class="form-control" type="text" id="">
                            </div>
                            <div class="classify-input  input-group ">
                                <label><span>名称:</span></label>
                                <input class="form-control" type="text" id="">
                                <label><span>责任:</span></label>
                                <input class="form-control" type="text" id="">
                            </div>
                            <div class="classify-input  input-group ">
                                <label><span>年份:</span></label>
                                <input class="form-control" type="text" id="">
                                <label><span>部门:</span></label>
                                <input class="form-control" type="text" id="">
                            </div>
                            <div class="classify-input  input-group ">
                                <label><span>规格:</span></label>
                                <input class="form-control" type="text" id="">
                            </div>
                            <div class="remark-input input-group">
                                <label><span>备注:</span></label>
                                <textarea class="form-control" type="text" id="">
                                </textarea>
                            </div>
                        </div>
                        <div class="modal-footer">
                            <button type="button" class="btn ensure-btn" id="add-user">确定</button>
                            <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                        </div>
                    </div>
                </div>
            </div>
            <div class="modal fade" id="coverModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
                <div class="modal-dialog" role="document">
                    <div class="modal-content">
                        <div class="modal-header">
                            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                <span aria-hidden="true">&times;</span>
                            </button>
                            <h4 class="modal-title" id="myModalLabel">新增井盖</h4>
                        </div>
                        <div class="modal-body">
                            <div class="input-group">
                                <label><span>地址:</span></label>
                                <input class="form-control" type="text" id="">
                            </div>
                            <div class="input-group">
                                <label><span>坐标:</span></label>
                                <input class="form-control" type="text" id="">
                            </div>
                            <div class="classify-input input-group ">
                                <label><span>编号:</span></label>
                                <input class="form-control" type="text" id="">
                                <label><span>爬梯:</span></label>
                                <input class="form-control" type="text" id="">
                            </div>
                            <div class="classify-input  input-group ">
                                <label><span>类别:</span></label>
                                <input class="form-control" type="text" id="">
                                <label><span>寿命:</span></label>
                                <input class="form-control" type="text" id="">
                            </div>
                            <div class="classify-input  input-group ">
                                <label><span>名称:</span></label>
                                <input class="form-control" type="text" id="">
                                <label><span>材质:</span></label>
                                <input class="form-control" type="text" id="">
                            </div>
                            <div class="classify-input  input-group ">
                                <label><span>年份:</span></label>
                                <input class="form-control" type="text" id="">
                                <label><span>形状:</span></label>
                                <input class="form-control" type="text" id="">
                            </div>
                            <div class="classify-input  input-group ">
                                <label><span>规格:</span></label>
                                <input class="form-control" type="text" id="">
                                <label><span>责任:</span></label>
                                <input class="form-control" type="text" id="">
                            </div>
                            <div class="classify-input  input-group ">
                                <label><span>井深:</span></label>
                                <input class="form-control" type="text" id="">
                                <label><span>部门:</span></label>
                                <input class="form-control" type="text" id="">
                            </div>
                            <div class="classify-input  input-group ">
                                <label><span>防护:</span></label>
                                <input class="form-control" type="text" id="">
                            </div>
                            <div class="remark-input input-group">
                                <label><span>备注:</span></label>
                                <textarea class="form-control" type="text" id="">
                                </textarea>
                            </div>
                        </div>
                        <div class="modal-footer">
                            <button type="button" class="btn ensure-btn" id="add-user">确定</button>
                            <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                        </div>
                    </div>
                </div>
            </div>
            <div class="modal fade" id="boxModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
                <div class="modal-dialog" role="document">
                    <div class="modal-content">
                        <div class="modal-header">
                            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                <span aria-hidden="true">&times;</span>
                            </button>
                            <h4 class="modal-title" id="myModalLabel">新增涵匣</h4>
                        </div>
                        <div class="modal-body">
                            <div class="input-group">
                                <label><span>地址:</span></label>
                                <input class="form-control" type="text" id="">
                            </div>
                            <div class="input-group">
                                <label><span>坐标:</span></label>
                                <input class="form-control" type="text" id="">
                            </div>
                            <div class="classify-input input-group ">
                                <label><span>编号:</span></label>
                                <input class="form-control" type="text" id="">
                                <label><span>规格:</span></label>
                                <input class="form-control" type="text" id="">
                            </div>
                            <div class="classify-input  input-group ">
                                <label><span>类别:</span></label>
                                <input class="form-control" type="text" id="">
                                <label><span>寿命:</span></label>
                                <input class="form-control" type="text" id="">
                            </div>
                            <div class="classify-input  input-group ">
                                <label><span>名称:</span></label>
                                <input class="form-control" type="text" id="">
                                <label><span>责任:</span></label>
                                <input class="form-control" type="text" id="">
                            </div>
                            <div class="classify-input  input-group ">
                                <label><span>年份:</span></label>
                                <input class="form-control" type="text" id="">
                                <label><span>部门:</span></label>
                                <input class="form-control" type="text" id="">
                            </div>
                            <div class="remark-input input-group">
                                <label><span>备注:</span></label>
                                <textarea class="form-control" type="text" id="">
                                </textarea>
                            </div>
                        </div>
                        <div class="modal-footer">
                            <button type="button" class="btn ensure-btn" id="add-user">确定</button>
                            <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                        </div>
                    </div>
                </div>
            </div>
            <div class="modal fade" id="networkModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
                <div class="modal-dialog" role="document">
                    <div class="modal-content">
                        <div class="modal-header">
                            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                <span aria-hidden="true">&times;</span>
                            </button>
                            <h4 class="modal-title" id="myModalLabel">新增管网</h4>
                        </div>
                        <div class="modal-body">
                            <div class="input-group">
                                <label><span>起点:</span></label>
                                <input class="form-control" type="text" id="">
                            </div>
                            <div class="input-group">
                                <label><span>坐标:</span></label>
                                <input class="form-control" type="text" id="">
                            </div>
                            <div class="input-group">
                                <label><span>终点:</span></label>
                                <input class="form-control" type="text" id="" />
                            </div>
                            <div class="input-group">
                                <label><span>坐标:</span></label>
                                <input class="form-control" type="text" id="" />
                            </div>
                            <div class="spec-input input-group">
                                <label><span>线色:</span></label>
                                <input type="color" id="color" />
                                <button id="colorbtn" style="float: left;margin-left: 2px; height: 30px;background-color:#0081cc;color: #fff;border: 2px solid #0081cc; border-radius: 4px;">弹出色盘</button>
                                <label><span>线宽:</span></label>
                                <input type="number" name="points" min="1" max="10" value="5" id="number" />
                                <label><span>线标:</span></label>
                                <input class="form-control" type="text" id="">
                            </div>
                            <div class="classify-input input-group ">
                                <label><span>编号:</span></label>
                                <input class="form-control" type="text" id="">
                                <label><span>埋深:</span></label>
                                <input class="form-control" type="text" id="">
                                <label><span>规格:</span></label>
                                <input class="form-control" type="text" id="">
                            </div>
                            <div class="classify-input  input-group ">
                                <label><span>类别:</span></label>
                                <input class="form-control" type="text" id="">
                                <label><span>高程:</span></label>
                                <input class="form-control" type="text" id="">
                                <label><span>寿命:</span></label>
                                <input class="form-control" type="text" id="">
                            </div>
                            <div class="classify-input  input-group ">
                                <label><span>名称:</span></label>
                                <input class="form-control" type="text" id="">
                                <label><span>壁厚:</span></label>
                                <input class="form-control" type="text" id="">
                                <label><span>责任:</span></label>
                                <input class="form-control" type="text" id="">
                            </div>
                            <div class="classify-input  input-group ">
                                <label><span>年份:</span></label>
                                <input class="form-control" type="text" id="">
                                <label><span>材质:</span></label>
                                <input class="form-control" type="text" id="">
                                <label><span>部门:</span></label>
                                <input class="form-control" type="text" id="">
                            </div>
                            <div class="remark-input input-group">
                                <label><span>备注:</span></label>
                                <textarea class="form-control" type="text" id="">
                                </textarea>
                            </div>
                        </div>
                        <div class="modal-footer">
                            <button type="button" class="btn ensure-btn" id="add-user">确定</button>
                            <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    </div>
    <script type="text/javascript" src="js/lib/jquery.min.js"></script>
    <script type="text/javascript" src="js/lib/bootstrap/bootstrap.min.js"></script>
    <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=ehGF32jTPfCia8QrpLwlKfNpGSX5em2G"></script>
    <script type="text/javascript" src="http://api.map.baidu.com/library/DrawingManager/1.4/src/DrawingManager_min.js"></script>
    <script type="text/javascript" src="http://api.map.baidu.com/library/SearchInfoWindow/1.4/src/SearchInfoWindow_min.js"></script>
    <script type="text/javascript" src="js/index.js"></script>
    <script type="text/javascript" src="js/message.js"></script>
    <script type="text/javascript">
        document.getElementById('colorbtn').onclick = function(){
    document.getElementById('color').click();
};
    </script>
</body>

</html>
